.comment-item {
  border-bottom: 1px solid #f0f0f0;
  padding: px2rem(10px) px2rem(20px) px2rem(10px) px2rem(20px);
  display: flex;
  .item-pic {
    width: px2rem(40px);
    height: px2rem(40px);
    border-radius: 50%;
  }
  .item-content {
    flex:1;
    margin-left: 20px;
    .item-name {
      width:100%;
       margin-bottom:10px;
       display: flex;
      .name {
        font-size: px2rem(16px);
        color: #2f2f2f;
      }
      .date {
        font-size: 12px;
        flex: 1;
        text-align: right;
        color: #898989;
      }
    }
    .score-time {
      margin-bottom:10px;
      display: flex;
      .time {
        font-size: 12px;
        color: #898989;
      }
    }
    .item-comment {
      font-size: 14px;
      line-height: 20px;
      margin-bottom:10px;
    }
    .pic-list {
      .img-content {
        display: flex;
        .img-item {
          height:80px;
          width:80px;
          background-size: cover;
          background-position: center center;
          margin-right: 5px;
        }
      }
    }
  }
}